@charset "utf-8";
@import "common/reset";
@import "common/common";
.title{
    h3{
        text-transform: uppercase;
        font-size: 30px;
    }
    .line{
        width: 60px;
        height: 4px;
    }
    p{
        color:#707070;
    }
}
header{
    border-bottom: $area-border;
}
.news{
    padding-top: 58px;
    padding-bottom: 63px;
    border-bottom: $area-border;
    .title{
        margin-bottom: 65px;
    }
    >ul{
        width: 1116px;
        margin: auto;
        li{
            box-sizing: border-box;
            float: left;
            width: 360px;
            height: 500px;
            margin-right: 18px;
            margin-bottom: 30px;
            .nc-wrap{
                padding: 10px 19px 0;
            }
            >a{
                display: block;
                width: 100%;
                height: 100%;
            }
            .imgfix{
                width: 360px;
                height: 314px;
                img{
                    height: 100%;
                    bottom: 0;
                    left: -999px;
                    right: -999px;
                    margin: auto;
                }
            }
            h4{
                font-size: 22px;
            }
            .time{
                font-size: 18px;
            }
            .n-content{
                line-height: 25px;
                text-align: justify;
            }
            &:nth-child(3n){
                margin-right: 0;
            }
            &:hover{
                background: $theme-color;
                p,h4{
                    color: #fff;
                }
            }
        }
    }
}
